<?xml version="1.0" encoding="UTF-8"?>
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:h="http://java.sun.com/jsf/html"
                template="/mobile/mobileTemplate.xhtml"
                xmlns:c="http://java.sun.com/jsp/jstl/core"
                xmlns:p="http://primefaces.org/ui"
                xmlns:pm="http://primefaces.org/mobile" >

    <ui:define name="content">
        <h2>#{bundle['offer.header']}</h2>
        <h:form prependId="false" id="form">
            <pm:field>

                <h:selectOneMenu id="selectOneMenu" value="#{tarrifsParks.selectedCarType}"> 
                    <p:ajax event="change" update="offer"></p:ajax>
                    <f:selectItem itemLabel="Wybierz" itemValue="" />

                    <f:selectItems value="#{tarrifsParks.carTypes}"  />
                </h:selectOneMenu>
            </pm:field>
            <p:dataTable id="offer" var="tar" value="#{tarrifsParks.getTarrifsFilter()}"  > 
                <p:column headerText="Nazwa">  
                    <h:outputText value="#{tar.name}" />
                </p:column>  

                <p:column headerText="Cena">  
                    <h:outputText value="#{tar.rank}" />
                </p:column>  
                <p:column headerText="Czas trwania">  
                    <h:outputText value="#{tarrifsParks.getLabelForDurrationTime(tar)}" />
                </p:column>  
            </p:dataTable> 
        </h:form>

    </ui:define>
</ui:composition>